body {color: #4a4a4a;}
/*--------自定义链接颜色(可选)--------*/ 
a{color:#0BA1E4;text-decoration:none;} 
a.text-black, a.text-black:link, a.text-black:visited { color: #4a4a4a;}
a:focus,a:hover{color:#097EB2;} 
a.text-black:focus,a.text-black:hover{color:#097EB2;} 
/*链接-悬浮颜色*/ 


/*--------自定义文本颜色--------*/ 
/*文本-主色*/ 
.text-main {color:#4a4a4a;} 
/*文本-辅色*/ 
.text-sub {color:#ccc;} 
/*文本-黑白灰*/ 
.text-black {color:#252525;}
.text-gray {color:#515151;}
.text-white {color:#fff;}
/*文本-提示色*/ 
.text-red {color:#fd0000;}
.text-yellow {color:#f5a623;}
.text-orange {color: #FF6600;}
.text-blue {color:#0BA1E4;}
.text-green {color:#2c7;}

/*--------自定义背景色--------*/ 
/*背景-主色*/ 
.bg-main {background-color:#27BFE7;}
/*背景-辅色*/ 
.bg-sub {background-color:#515151;}
/*背景-黑白灰*/ 
.bg-black {background-color:#252525;}
.bg-gray {background-color:#f8f8f8;}
.bg-white {background-color:#fff;}
/*背景-提示背景*/ 
.bg-red {background-color:#FD0000;}
.bg-yellow {background-color:#f60;}
.bg-blue {background-color:#0BA1E4;}
.bg-green {background-color:#2C7;}
/*背景-提示背景-柔和色*/ 
.bg-red-light {background-color:#FFD5D6;}
.bg-yellow-light {background-color:#FAE2D1;}
.bg-blue-light {background-color:#D8F0FA;}
.bg-green-light {background-color:#E2F5EC;}
/*背景-反色处理*/ 
.bg-inverse, .bg-inverse a {color: #fff;}

/*--------自定义边框色--------*/
.border {border: 1px solid #e5e5e5;} 
/*边框-主色*/ 
.border-main {border-color:#27BFE7;} 
/*边框-点缀色*/ 
.border-red {border-color:#FD0000;} 
.border-yellow {border-color:#f60;} 
.border-blue {border-color:#0BA1E4;} 
.border-green {border-color:#2C7;}

.border-less { border: none;}

/*--------自定义按钮悬浮文本、边框及背景色--------*/ 
.button-main {color:#fff;border-color:#27BFE7;background-color:#27BFE7;}
.button-sub {color: #515151;border-color: #E5E5E5;background-color: #fff;}

/*--------顶部--------*/

/*--------导航--------*/
@media (min-width: 760px) {
    .doc-naver {width: 100%;}
}
@media (min-width: 1000px){
    .doc-naver {width: 1000px;}
}
@media (min-width: 1200px) {
    .doc-naver {width: 1200px;} 
}
.doc-logo {
    margin: 15px 0;
}
.doc-nav {
    position: relative;
    height: 90px;
}
.doc-nav li a {
    font-size: 14px;
    text-align: center;
    padding: 40px 0;
    width: 90px;
    color: #252525;
    font-weight: bold;
}
.doc-nav li a span {
    display: block;
    font-size: 10px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    color: #4a4a4a;
    font-weight: normal;
}
.doc-nav li.active a, .doc-nav li:hover a {
    background: #27BFE7;
    color: #fff;
}
.doc-nav li.active a span, .doc-nav li:hover a span {
    color: #fff;
}
@media (max-width: 760px) {
    .doc-nav {
        position: fixed;
        height: 0;
    }
    .doc-nav ul {
        background: rgba(255, 255, 255, .86);
        padding: 5px 0;
        width: 100%;
        height: 100%;
        position: fixed;
        right: 0;
    }
    .doc-nav li {
        padding: 0;
    }
    .doc-nav li a {
        padding: 10px 20px;
        width: 100%;
        text-align: right;
    }
    .doc-nav li a span {
        display: inline;
        margin-left: 8px;
    }
    .doc-nav li.active a, .doc-nav li:hover a, .doc-nav li.active a span, .doc-nav li:hover a span {
        background: none;
        color: #27BFE7;
    }
}

/*--------banner--------*/
.banner {
    z-index: -1;
}
.banner-z0 {
    z-index: 0;
}
.banner-z0 .item {
    padding: 0 5px;
}
.banner-z0 .doc-carousel {
    height: 280px;
    background: #fff;
    font-size: 18px;
    text-align: center;
    color: #aaa;
    border: solid 1px #E5E5E5;
    border-radius: 6px;
    margin: 0 5px;
    display: table-cell;
    vertical-align: middle;
}
.pager-next.border-blue {
    color: #0BA1E4;
}

/*--------底部--------*/
.footer {
    background: #323232;
    font-size: 12px;
    color: #ccc;
}
.footer-info {
    line-height: 18px;
    padding: 8px 0;
    background: #252525;
}
.footer p {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
.footer li a {
    padding: 0;
    margin-right: 20px;
    color: #ccc;
}
.footer li a:hover {
    color: #fff;
}

/*--------面板--------*/
.title-main h1 {
    font-size: 32px;
    color: #252525;
    line-height: 54px;
    text-align: center;
    position: relative;
    padding: 20px 0;
}
.title-main p {
    padding: 0;
    margin: 0;
    color: #515151;
    line-height: 24px;
    text-align: center;
    padding-bottom: 20px;
}
.title-main h1::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 3px;
    background: #27BFE7;
    margin-top: 10px;
}
.title-left h1 {
    text-align: left;
}
.title-left h1::after {
    margin: 0;
}
.title-left p {
    text-align: left;
    margin: 0;
}
.title-main .sub-title {
    color: #252525;
    font-weight: bold;
}

/*--------内容--------*/
/*首页-产品中心*/ 
.box-shadow {
    box-shadow: 0 2px 16px rgba(81, 81, 81, .1);
    background: #fff;
    margin: 20px 0;
    border-radius: 6px;
}
.product-img {
    height: 120px;
    text-align: center;
    background: #f8f8f8;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.product-img img {
    width: 100%;
    height: auto;
}
.product-content {
    padding: 15px;
}
.product-content h4 {
    text-align: center;
    color: #252525;
    margin-bottom: 10px;
}
.product-content p {
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    min-height:120px;
}
.product-content button {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.product-content .button {
    background-color: #0BA1E4;
    border-color: #0BA1E4;
}
.product-content .button:hover {
    background-color: #097EB2;
    border-color: #097EB2;
}
.product-content hr {
    background: #E5E5E5;
    margin: 15px 0 20px;
}
/*首页-服务*/ 
.media-body {
    line-height: 24px;
    color: #252525;
    margin-top: 10px;
}
.media-service {
    line-height: 18px;
    color: #4a4a4a;
    font-size: 12px;
}
.media-service strong {
    font-size: 16px;
    color: #252525;
    margin-bottom: 10px;
}

/*首页-成功案例*/ 
.count {
    text-align: center;
    padding: 20px 0;
    margin-bottom: 10px;
}
.count span {
    color: #f5a623;
    font-size: 64px;
    margin-bottom: 10px;
    display: block;
}
@media (min-width: 300px) and (max-width: 1000px) {
    .count span {
        font-size: 48px;
    }
    .count h3 {
        font-size: 16px;
    }
}
.school-cass {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -10px;
    margin-right: -10px;
}
.school-cass::after {
    content: "";
    display: block;
    clear: both;
}
@media (min-width: 300px) {
    .school-cass li {
        float: left;
        width: 50%;
    }
}
@media (min-width: 760px) {
    .school-cass li {
        float: left;
        width: 33.33333333%;
    }
}
@media (min-width: 1000px) {
    .school-cass li {
        float: left;
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .school-cass li {
        float: left;
        width: 20%;
    }
}
.school-img {
    height: 80px;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #e5e5e5;
    margin: 10px;
    background: #fff;
    overflow: hidden;
}
.school-img img {
    width: auto;
    height: 100%;
}

/*子页内容*/
.images {
    padding-bottom: 20px;
}
.images img {
    width: 100%;
    height: auto;
}

.address-box {
    height: 340px;
    margin-bottom: 40px;
}
.address-box img {
    height: 100%;
}
.address-info {
    height: 340px;
    padding: 40px;
}
.address-info h1 {
    margin-bottom: 20px;
}
.address-info p {
    font-size: 15px;
    line-height: 30px;
}
.address-map {
    height: 340px;
    overflow: hidden;
}
.address-map img {
    height: 100%;
}

/**--新闻--**/
.article-box { margin: 20px 0;}
.pagination { display: block; text-align: center; padding: 20px 0;}
.pagination li { border-radius: 0;}
.pagination li .icon { font-size: 12px; color: #27BFE7;}
.pagination .active, .pagination a:hover, .pagination a:hover .icon { background-color: #27BFE7; color: #fff; border-radius: 0;}
.pagination li:hover { border-color: #27BFE7;}

.list-group, .list-link { border: 0; border-bottom: solid 1px #ddd; border-radius: 0;}
.list-link a { font-size: 16px; line-height: 44px;}
.list-link .icon { font-size: 12px; padding: 0 20px; color: #27BFE7;}

.button-box { text-align: center; padding: 20px 0;}
.button-box .button-group { margin: 0 5px;}
.button-box h1 { font-size: 28px; line-height: 48px; padding: 0 120px; margin-bottom: 20px;}

.article-title { padding: 20px 0; border-bottom: 1px #ddd solid;}
.article-title h1 {color: #252525;}
.article-title p { margin: 0; margin-top: 10px; line-height: 24px;}
.article-content { padding: 20px 0;}
.article-content p { text-indent: 2em;}
.article-content img { text-align: center;}
.article-links { list-style: none; padding: 0; margin: 0; margin-bottom: 20px;}
.article-links li { line-height: 24px;}

/**--招聘--**/
.step-list { list-style: none; padding: 0; margin: 0; text-align: center;}
.step-list li { 
    display: inline-block; 
    width: 168px; 
    height: 168px; 
    background-color: #fff; 
    border-radius: 6px; 
    box-shadow: 0 2px 16px rgba(81, 81, 81, .07); 
    position: relative;
    margin: 0 27px;
    margin-bottom: 20px;
}
.step-list li::before { 
    content: "";
    position: absolute; 
    left: 0; 
    top: 0; 
    background: url(../images/img-step-bg.png) left top no-repeat; 
    width: 64px; 
    height: 64px;
}
.step-list li::after {
    content: "";
    display: block;
    background: url(../images/icon-arrow.png) center no-repeat;
    width: 24px;
    height: 168px;
    margin-left: 186px;
    position: absolute;
    top: 0;
}
.step-list li:last-child::after { display: none;}
.step-list li:first-child { margin-left: 0;}
.step-list li:last-child { margin-right: 0;}
.step-list li span { 
    display: block; 
    position: absolute; 
    left: 0;
    top: 0;
    font-family: "Impact";
    font-size: 24px;
    line-height: 44px;
    width: 36px;
    text-align: center;
    color: #fff;
}
.step-list li p {
    display: table-cell;
    vertical-align: middle;
    width: 168px;
    height: 168px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 24px;
    color: #252525;
}

.softtable { width: 100%; border-spacing: 6px; border-collapse: separate;}
.softtable tr td { background-color: #fff; padding: 20px; min-height: 44px; line-height: 24px;}
.softtable tr th { background-color: #27BFE7; text-align: center; font-size: 16px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px; vertical-align: middle;}
.softtable .table td { padding: 10px; width: 20%;}
.softtable tr td.bg-gray { background-color: #f8f8f8;}
.softtable .table-images {padding: 15px 17px}
.softtable .table-images img { border: 1px solid #e5e5e5; height: 80px; margin: 5px 3px;}


/**--服务--**/
.service-list { list-style: none; padding: 0; margin: 0;}
.service-list li { float: left; width: 20%; text-align: center;}
.service-list::after { content: ""; display: block; clear: both; margin-bottom: 20px;}
.service-list li img { margin-bottom: 20px;}

.footer-button { background-color: #27BFE7; border-radius: 0; border: 0; padding: 15px 0; width: 180px; color: #fff;}
.footer-button:hover { background-color: #23AED9;}

.service-info { padding-bottom: 20px;}
.service-info-group { padding: 20px 0;}
.service-info-group .s-title, .photo-group .s-title { font-size: 22px; color: #000; font-weight: bold; margin-bottom: 20px;}
.service-info-group p, .photo-group p { font-size: 16px; color: #515151; line-height: 24px; text-indent: 2em;}
.service-info-group ol { padding-left: 40px;}
.service-info-group ol li { font-size: 16px; line-height: 24px; padding: 5px 0;}
.service-photo-group { padding: 40px 0; margin: 20px 80px;}
.photo-right { background: url(../images/img07.png) right top no-repeat;}
.photo-left { background: url(../images/img08.png) left top no-repeat;}
.photo-group { background-color: #fff; border-radius: 6px; box-shadow: 0 0 8px rgba(0,0,0,.16); width: 50%; padding: 40px;}
.photo-group li { font-size: 16px; line-height: 24px; padding-bottom: 10px;}
.photo-right .photo-group { float: left;}
.photo-left .photo-group { float: right;}
.service-photo-group::after { content: ""; display: block; clear: both;}


/**--产品中心--**/
.layout-border-bottom { border-bottom: 2px dashed #e5e5e5;}

.button-radius { background-color: #27BFE7; border-radius: 40px; border: 0; padding: 10px 30px; color: #fff; font-size: 16px;}
.button-radius:hover { background-color: #23AED9;}

.picture-box { text-align: center; padding: 10px 0;}